@import 'tailwindcss';
@import '@nuxt/ui';

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Thin.woff2') format('woff2');
  font-weight: 100;
}

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Light.woff2') format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Regular.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Bold.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'HarmonyOS_Sans_SC';
  src: url('/fonts/HarmonyOS_Sans_SC_Black.woff2') format('woff2');
  font-weight: 900;
}

:root {
  --ui-primary: var(--ui-color-primary-500);
  --ui-secondary: var(--ui-color-secondary-500);
  --ui-success: var(--ui-color-success-500);
  --ui-info: var(--ui-color-info-500);
  --ui-warning: var(--ui-color-warning-500);
  --ui-error: var(--ui-color-error-500);

  --my-color: red;
}

.dark {
  --ui-primary: var(--ui-color-primary-200);
}
